<!DOCTYPE HTML>
<html>
<head>
  <title>Validation</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
  <!-- Bootstrap Core CSS -->
  <link href="../css/bootstrap.min.css" rel='stylesheet' type='text/css' />
  <!-- Custom CSS -->
  <link href="../css/style.css" rel='stylesheet' type='text/css' />
  <link href="../css/font-awesome.css" rel="stylesheet">
  <!-- jQuery -->
  <script src="../js/jquery.min.js"></script>
  <!----webfonts--->
  <link href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
  <!---//webfonts--->
  <!-- Bootstrap Core JavaScript -->
  <script src="../js/bootstrap.min.js"></script>

  <link type="text/css" rel='stylesheet' href="welcome.css"/>

</head>
<body>
  <div id="wrapper">
    <!-- Navigation -->
    <nav class="top1 navbar navbar-default navbar-static-top  navbar-inverse" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">迎新系统</a>
      </div>
      <!-- /.navbar-header -->
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fa fa-comments-o"></i>
            <span class="badge">4</span>
          </a>
          <ul class="dropdown-menu">
            <li class="dropdown-menu-header"> <strong>Messages</strong>
              <div class="progress thin">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                  <span class="sr-only">40% Complete (success)</span>
                </div>
              </div>
            </li>
            <li class="avatar">
              <a href="#">
                <img src="images/1.png" alt=""/>
                <div>New message</div>
                <small>1 minute ago</small>
                <span class="label label-info">NEW</span>
              </a>
            </li>
            <li class="avatar">
              <a href="#">
                <img src="images/2.png" alt=""/>
                <div>New message</div>
                <small>1 minute ago</small>
                <span class="label label-info">NEW</span>
              </a>
            </li>
            <li class="avatar">
              <a href="#">
                <img src="images/3.png" alt=""/>
                <div>New message</div>
                <small>1 minute ago</small>
              </a>
            </li>
            <li class="avatar">
              <a href="#">
                <img src="images/4.png" alt=""/>
                <div>New message</div>
                <small>1 minute ago</small>
              </a>
            </li>
            <li class="avatar">
              <a href="#">
                <img src="images/5.png" alt=""/>
                <div>New message</div>
                <small>1 minute ago</small>
              </a>
            </li>
            <li class="avatar">
              <a href="#">
                <img src="images/pic1.png" alt=""/>
                <div>New message</div>
                <small>1 minute ago</small>
              </a>
            </li>
            <li class="dropdown-menu-footer text-center">
              <a href="#">View all messages</a>
            </li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle avatar" data-toggle="dropdown">
            <img src="images/1.png" alt=""/>
            <span class="badge">9</span>
          </a>
          <ul class="dropdown-menu">
            <li class="dropdown-menu-header text-center"> <strong>Account</strong>
            </li>
            <li class="m_2">
              <a href="#"> <i class="fa fa-bell-o"></i>
                Updates
                <span class="label label-info">42</span>
              </a>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-envelope-o"></i>
                Messages
                <span class="label label-success">42</span>
              </a>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-tasks"></i>
                Tasks
                <span class="label label-danger">42</span>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="fa fa-comments"></i>
                Comments
                <span class="label label-warning">42</span>
              </a>
            </li>
            <li class="dropdown-menu-header text-center">
              <strong>Settings</strong>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-user"></i>
                Profile
              </a>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-wrench"></i>
                Settings
              </a>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-usd"></i>
                Payments
                <span class="label label-default">42</span>
              </a>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-file"></i>
                Projects
                <span class="label label-primary">42</span>
              </a>
            </li>
            <li class="divider"></li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-shield"></i>
                Lock Profile
              </a>
            </li>
            <li class="m_2">
              <a href="#">
                <i class="fa fa-lock"></i>
                Logout
              </a>
            </li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-right">
        <input type="text" class="form-control" value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}"></form>

      <!-- /.navbar-static-side --> </nav>
    <div class="navbar-default sidebar" role="navigation"  style="min-height:48em">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
          <li>
            <a href="index.html">
              <i class="fa fa-dashboard fa-fw nav_icon"></i>
              Dashboard
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-laptop nav_icon"></i>
              Layouts
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="grids.html">Grid System</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-indent nav_icon"></i>
              Menu Levels
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="graphs.html">Graphs</a>
              </li>
              <li>
                <a href="typography.html">Typography</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-envelope nav_icon"></i>
              Mailbox
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="inbox.html">Inbox</a>
              </li>
              <li>
                <a href="compose.html">Compose email</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="widgets.html">
              <i class="fa fa-flask nav_icon"></i>
              Widgets
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-check-square-o nav_icon"></i>
              Forms
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="forms.html">Basic Forms</a>
              </li>
              <li>
                <a href="validation.html">Validation</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-table nav_icon"></i>
              Tables
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="basic_tables.html">Basic Tables</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-sitemap fa-fw nav_icon"></i>
              Css
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li>
                <a href="media.html">Media</a>
              </li>
              <li>
                <a href="login.html">Login</a>
              </li>
            </ul>
            <!-- /.nav-second-level --> </li>
          <li>
            <a href="#">
              <i class="fa fa-sitemap fa-fw nav_icon"></i>
              现场迎新管理
              <span class="fa arrow"/>
            </a>
            <ul class="nav nav-second-level">

              <li>
                <a href="checkIn.html">登记报到单打印状态</a>
              </li>
              <li>
                <a href="militarySuppliesManagement.html">军训用品发送管理</a>
              </li>
              <li>
                <a href="studySuppliesManagement.html">学习用品发放管理</a>
              </li>
              <li>
                <a href="cardManagement.html">一卡通发放管理</a>
              </li>
              <li>
                <a href="medicareManagment.html">医保办理管理</a>
              </li>
              <li>
                <a href="sitePayment.html">现场缴费管理</a>
              </li>
              <li>
                <a href="departmentReport.html">院系报到管理</a>
              </li>
              <li>
                <a href="fileSubmission.html">档案提交管理</a>
              </li>

            </ul>
          </li>
        </ul>
      </div>
      <!-- /.sidebar-collapse --> </div>

    <div id="page-wrapper" style="background-color:#f2f4f8">
      <div class="graphs">

        <div class="col_3">
          <div class="col-md-12">
            <div class="r3_counter_box">
              <div class="stats">
                <h5>
                  <strong>现场缴费管理</strong>
                </h5>
                <span>New Index</span>
              </div>
            </div>
          </div>

          <div class="clearfix"></div>
        </div>

        <div class="col_1"  style="margin-top:1em">

          <div class="col-md-12">
            <div class="r3_counter_box"  style="padding: 30px 30px 2px 30px;">

              <div class="row">

                <div class="col-md-4">
                  <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">输入学生号&nbsp;&nbsp;</span>
                    <input type="text" class="form-control1" placeholder="例:201135260327" aria-describedby="basic-addon1"></div>
                </div>

                <div class="col-md-4">
                  <div class="input-group">
                    <span class="input-group-addon" id="basic-addon2">输入&nbsp;姓名</span>
                    <input type="text" class="form-control1" placeholder="例:张继科" aria-describedby="basic-addon1">
                    <span class="input-group-addon btn "  id="basic-addon3">
                      <span class="glyphicon glyphicon-search"/>
                      &nbsp;查询
                    </span>
                  </div>
                </div>

              </div>

              <div class="form-group">
                <label class="control-label">
                  <strong>或</strong>
                </label>
              </div>

              <div class="form-group row">
                <div class="col-md-5">
                  <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">输入身份证号</span>
                    <input type="text" class="form-control1" placeholder="例:440678199305268764" aria-describedby="basic-addon1">
                    <span class="input-group-addon btn "  id="basic-addon3">
                      <span class="glyphicon glyphicon-search">&nbsp;查询</span>
                    </span>
                  </div>
                </div>
                <div class="clearfix"></div>
              </div>

            </div>

            <div class="panel panel-warning" style="border-color: #5bc0b2;" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="">
              <div class="panel-heading" style="background-color: #5bc0de;border-color: #5bc0b2;">
                <h2>下面是查询到的学生缴费情况</h2>
                <div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}">
                  <span class="button-icon has-bg">
                    <i class="ti ti-angle-down"></i>
                  </span>
                </div>
              </div>
              <div class="panel-body no-padding" style="display: block;">
                <table class="table table-striped  table-bordered">
                  <thead>
                    <tr class="success">
                      <th>身份证号</th>
                      <th>姓名</th>
                      <th>班级</th>
                      <th>学费</th>
                      <th>书本费</th>
                      <th>管理费</th>
                      <th>医疗保险费</th>
                      <th>军训费用</th>
                      <th>应缴总费用</th>
                      <th>实缴总费用</th>
                      <th>状态</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>440782199108258742</td>
                      <td>张继科</td>
                      <td>R2</td>
                      <td>5000</td>
                      <td>500</td>
                      <td>500</td>
                      <td>1000</td>
                      <td>500</td>
                      <td>7500</td>
                      <td>0</td>
                      <td>未缴费</td>
                      <td>
                        <a type="button" class="btn-info btn-sm btn">缴费完成</a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>

          <div class="clearfix"></div>
        </div>

      </div>
    </div>
    <!-- /#page-wrapper --> </div>
  <!-- /#wrapper -->
  <!-- Nav CSS -->
  <link href="../css/custom.css" rel="stylesheet">
  <!-- Metis Menu Plugin JavaScript -->
  <script src="../js/metisMenu.min.js"></script>
  <script src="../js/custom.js"></script>
</body>
</html>